<!--我的工具——路由跳转-->
<template>
<el-card>
  <div class="d-title">我的工具</div>
  <div class="flex-align-center">
      <router-link :to="i.path" class="flex-column tool-cls" v-for="(i,j) in toolList" :key="j">
        <img :src="i.img" />
        <div>{{i.title}}</div>
      </router-link>
  </div>
</el-card>
</template>

<script>
    export default {
        name: "link-route",
      data(){
          return{
            toolList:[
              {
                title:'素材管理',
                img:require('/src/assets/indexfile.png'),
                path:'/creatCenter/material'
              },
              {
                title:'创作剪辑',
                img:require('/src/assets/indexcut.png'),
                path:'/creatCenter/authoringClips'
              },
              {
                title:'SEO关键词设置',
                img:require('/src/assets/indexseo.png'),
                path:'/matrixManage/seoCopy/keywordSet'
              },
              {
                title:'D音H5发布',
                img:require('/src/assets/indexdy.png'),
                path:'/matrixManage/releaseManage/tiktokH5'
              },
              //需传参数 判断
              {
                title:'幸运大转盘',
                img:require('/src/assets/indexprice.png'),
                path:'/explosiveCode/releaseActivity?typeIndex=1'
              },
              {
                title:'卡券活动',
                img:require('/src/assets/indexcoupon.png'),
                path:'/explosiveCode/releaseActivity?typeIndex=3'
              },
            ]
          }
      }
    }
</script>

<style scoped lang="less">
.tool-cls{
  width: calc(100%/5);
  padding: 15px 0px;
  img{
    margin: 10px 0;
  }
  div{
    color: rgb(51, 54, 57);
  }
}
</style>
